$(document).ready(function(){
	selectBoxDisplay('hide', 0);
	function hideSel3(){
		$("select#sel3 option").remove();
		$("select#sel3").hide();
	}
	
	function getXmlData(xmlUrl,flag){
		$.ajax({
			type:'GET',
			dataType:'xml',
			url:xmlUrl,
			success:function(xml){
				$(xml).find("category").find("item").each(function(){
					value=$(this).find("value").text();
					title=$(this).find("title").text();
					if(flag==1){
						$("select#sel2").append("<option value='"+value+"'>"+title+"</option>");
					}else if(flag==2){
						$("select#sel3").append("<option value='"+value+"'>"+title+"</option>");
					}
				});
			}		
		});
	}
	
	$("select#sel1").bind("change",function(){
		switch($(this).val()){
		case "empty":
			$("select#sel2 option").remove();
			$("select#sel2").hide();
			$("select#sel3").hide();
			break;
		case "1":
			$("select#sel2 option").remove();
			hideSel3();
			getXmlData("/webJava/jquery/jQueryData/cart1.xml", 1);
			selectBoxDisplay("show", 1);
			break;
		case "2":
			$("select#sel2 option").remove();
			hideSel3();
			getXmlData("/webJava/jquery/jQueryData/cart2.xml", 1);
			selectBoxDisplay("show", 1);
			break;
		}
		
	});
	$("select#sel2").bind("change",function(){
		switch($(this).val()){
		case "0":
			$("select#sel3 option").remove();
			$("select#sel3").hide();
			break;
		case "110":
			$("select#sel3 option").remove();
			$("select#sel3").hide();
			break;
		case "1":
			$("select#sel3 option").remove();
			getXmlData("/webJava/jquery/jQueryData/cart3.xml", 2);
			selectBoxDisplay("show", 2);
			break;
		case "111":
			$("select#sel3 option").remove();
			getXmlData("/webJava/jquery/jQueryData/cart4.xml", 2);
			selectBoxDisplay("show", 2);
			break;
		}
		
	});
	function selectBoxDisplay(mode,flag){
		if(flag==0){
			$("select").each(function(i){
				if(i!=0){
					$(this).hide();
				}
			});
		}
		if(flag==1){
			if(mode=="show"){
				if($("select#sel2").css("display")=="none"){
					$("select#sel2").slideToggle("slow");
				}else{
					$("select#sel2").hide('slow');
					$("select#sel2").slideToggle("slow");
				}
			}else{
				$("select#sel2").hide();
				$("select#sel3").hide();
			}
		}
		if(flag==2){
			if(mode=="show"){
				if($("select#sel3").css("display")=="none"){
					$("select#sel3").slideToggle("slow");
				}else{
					$("select#sel3").hide('slow');
					$("select#sel3").slideToggle("slow");
				}
			}else{
				$("select#sel3").hide();
			}
		}
	}
});